@import url("reset.css");
body{
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif!important;
    color:#000000;
}
.sm_admin_pannel{
    padding: 12px 10px;
    height: 24px;
    background: url("image/bg_admin_bar.png") repeat #FFF8E5;
    vertical-align: middle;
    border-top: 1px solid #CBC9CA;
    margin-bottom: 20px;
}

a:hover{
    text-decoration: underline;
}

.sm_admin_setting:hover,
.sm_paypal:hover{
    cursor: pointer;
}

.sm_admin_setting{
    width: 172px;
    height: 24px;
    text-align: left;
    background: url("../img/icon_setting.png") no-repeat #FFF8E5 left center;
    float: left;
    padding-left: 32px;
    vertical-align: middle;
    line-height: 24px;
}

.sm_admin_setting_text{
    color: #395b98;
    font-size: 13px;
    font-weight: bold;
}

.sm_paypal{
    width: 420px;
    height: 24px;
    text-align: right;
    background: url("image/button_paypal.png") no-repeat #FFF8E5 right center;
    float: right;
    line-height: 24px;
}

.sm_paypal_text{
    color: #36373b;
    font-size: 13px;
    font-weight: normal;
}

.sm_banner{
    margin-bottom: 10px;
    width: 810px;
    overflow: hidden;
}

.sm_banner h2{
    font-size: 28px;
    padding: 0;
    margin: 10px 0;
    display: none;
}

.sm_banner img{
    margin: 0 auto;
    border: 0;
}

.sm_fanpage_menu{
    padding: 0;
    margin-bottom: 10px;
}

.sm_fanpage_menu_action {
	width: 100%;
	overflow: hidden;
	background-image: url("image/bg_fanpage_progress_bar.png");
	background-repeat: repeat-x;
	background-position: bottom;
}
.sm_fanpage_menu_action li {
    float: left;
    list-style: none;
    padding-right: 5px;
}
.sm_fanpage_menu_action li.link_submit_entry {
    float: right;
}

.sm_fanpage_menu_action li a:hover,
.sm_fanpage_menu_action li.active a{
    background-image: url("image/bg_fanpage_progress_bar_current.png");
    background-repeat: repeat-x;
    background-position: bottom;
    color: #455791;
}

.sm_fanpage_menu_action li a{
    display: block;
    padding: 10px;
    font-weight: bold;
    color: #2a2a2a;
    text-decoration: none;
    cursor: pointer;
}

.sm_fanpage_menu_action li.link_submit_entry {
    background-image: url("image/icon_upload_entry.png");
    background-repeat: no-repeat;
    background-position: 0px 6px;

}    
.sm_fanpage_menu_action li.link_submit_entry a{
    padding-left: 25px;
}

.sm_fanpage_contents{
    padding: 0;
}

.sm_fanpage_contents .contest_detail{
    padding: 0 10px;
}

.sm_fanpage_contents .search_form{
    height: 32px;
    margin-bottom: 10px;
}

.sm_fanpage_contents .search_form input[type="text"]{
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    color: #999;
    font-weight: bold;
    padding: 4px!important;
    height: 22px!important;
}

.sm_fanpage_contents .search_form select
{
    height: 22px!important;
    padding: 4px!important;
    background-color: white;
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    color: #333;
    vertical-align: middle!important;
}

.sm_fanpage_contents .search_form input[type="submit"]{
    background: url("image/icon_search.png") no-repeat;
    height: 32px!important;
    width: 40px!important;
    border: none!important;
}

.sm_fanpage_contents .sort_container{
    margin-bottom: 9px;
    display: inline-block;
    width: 100%;
}
.sm_fanpage_contents .bread-crumb_container{
    padding: 4px 0;
    float: left;
}
.sm_fanpage_contents .sort_container .sort_products{
    float: right;
    color: #414141;
}
.sm_fanpage_contents .sort_container .sort_products select,
.sm_fanpage_contents .sort_container .select_layout select{
	padding: 2px;
    margin: 2px;
	box-sizing: content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
    color: #414141;
}

.select_layout
{
	float:right;
	display: inline;
	margin-left: 5px;
}
.sm_fanpage_contents .entries_wrapper{
    clear: both;
}
.sm_fanpage_contents .entries_wrapper{
	/*overflow-x: hidden;*/
}
.sm_fanpage_contents .entries_wrapper .sm_grid_layout{
	width: 877px;	
}
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li{    
	width: 258px;
	margin-right: 18px;
	margin-bottom: 18px;
}

.sm_grid_layout li img
{
	vertical-align: middle;
}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li.nth_0,
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li.nth_1,
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li.nth_2
{
    margin: 0px 34px 24px 0px!important;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif!important;
}
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li.nth_3{

}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li:hover{

}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .img{
    width: 175px;
    height: 175px;
    border: none;
}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail{
    font-weight: normal;
    background-color: #f6f6f6;
    overflow: hidden;
}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail .title{
    font-weight: normal;
}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail .ellipsis{
    color: #375d9b;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
	font-size: 12px;
    font-weight: normal;
    padding: 10px 4px 0px 4px;
	text-align: left;
	width: 248px;
}
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail .ellipsis.price{
	padding-bottom: 7px;
	padding-top: 5px;
    height: 30px;
}
.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail .ellipsis label{
    color: #c4c4c4;
    font-weight: normal;
}

.sm_fanpage_contents .entries_wrapper .sm_grid_layout li .view_detail .vote_number{
    background: none;
    padding-left: 0;
    color: green;
    font-weight: bold;
}

#slideImage{
    width: 810px;
}

.ContestPicture {
    min-height: 100px;
    width: 800px;
    display: block;
    position: relative;
    padding: 5px;
    background-color: #000000;
    text-align: center;

    -webkit-border-top-left-radius: 5px 5px;
    -webkit-border-top-right-radius: 5px 5px;

    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;		
}

.ContestPicture img{
    max-width: 800px;
}

.NextPage,
.ThisPageImages,
.PreviousPage {
    float: left;
}
.ThisPageImages {
    width: 736px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 2px;
}
.NextPage,
.PreviousPage {
    padding-top: 2px;
    padding-bottom: 1px;
    width: 37px;
}

.NextPage a,
.PreviousPage a
{
    background-repeat: no-repeat;
    display: block;
    margin: 14px 2px;
    height: 33px;
    width: 33px;
    background-color: transparent;
}

.PreviousPage a.disabled:hover,
.PreviousPage a.disabled
{
    background-position: -15px -56px;
    background-image: url("image/icon_next_pre_pages.png");
    cursor: text;
}

.NextPage a.disabled:hover,
.NextPage a.disabled {
    background-position: -61px -56px;
    background-image: url("image/icon_next_pre_pages.png");
    cursor: text;
}

.PreviousPage a,
.PreviousPage a:hover{
    background-image: url("image/icon_next_pre_pages.png");
    background-position: -15px -14px;
    cursor: pointer;
}
.NextPage a,
.NextPage a:hover{
    background-image: url("image/icon_next_pre_pages.png");
    background-position: -61px -14px;
    cursor: pointer;
}
.PreviousPage a img,
.NextPage a img{
    border: none;
}

.next_photo,
.next_photo.disabled:hover,
.pre_photo,
.pre_photo.disabled:hover
{
    display: none;
    height: 48px;
    position: absolute;
    top: 45%;
    width: 28px;
    z-index: 1;
    background: url("image/icon_next_pre_photo.png") no-repeat;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -webkit-transition: opacity .2s;
}

.next_photo, 
.next_photo.disabled:hover
{
    background-position: -56px -123px;
    right: 20px;
    cursor: text;
}

.next_photo:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer;
}

.pre_photo, 
.pre_photo.disabled:hover
{
    left: 20px;
    background-position: 1px -123px;
    cursor: text;
}

.pre_photo:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    cursor: pointer;
}

#slidePaging {
    background-image: url("image/SlideImageBg.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 60px;
    margin-top: -41px;
    padding-top: 41px;
    padding-bottom: 4px;
    width: 100%;
}

#slidePaging ul {
    width: auto;

    margin: 0px!important;
    padding: 0px!important;
    display: inline-block;
}
#slidePaging ul li {
    float: left;
    list-style: none;
}

#slidePaging ul li a {
    display: block;


    /* start of transparency styles */
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity:0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* end of transparency styles */
    border: solid 1px #414141;
}

#slidePaging ul li a img{
    display: block;
    width: 50px;
    height: 50px;
    border: none;
}

#slidePaging ul li.Current a,
#slidePaging ul li a:hover{			
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity:1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


#slidePaging ul li a:hover{
    width:155px!important;
    height:155px!important;
    margin-top: -105px;
    position: relative;
    z-index: 9;
}

#slidePaging ul li a:hover img {
    width:155px!important;
    height:155px!important;
}


.hidden{
    display: none;
}

.entry_info{
    clear: both;
}

.entry_info .photo_detail{
    width: 520px;
    float: left;
    padding: 10px;
    background: none;
    border: none;
}

.entry_info .photo_detail a{
}

.entry_info .photo_detail .entry-description{
    color: #717171;
	clear: left;
	padding-top: 12px;
}

.entry_info .photo_detail .social_plugin{
    color: #4B5BAF;
}

.entry_info .photo_detail .social_plugin a.icon_share{
    padding-right: 10px;
    background: url("image/icon_share.png") no-repeat;
    height: 24px;
    width: 80px;
    display: block;
}

.entry_info .photo_detail strong{
    font-size: 22px;
    vertical-align: sub;
    padding-right: 5px;
}

.entry_info .photo_detail p{
    color: #8e8e8e;
    margin: 5px 0 10px;
}

.entry_info .photo_detail p a{
    color: #455696;
}

.entry_info .vote_panel{
    float: right;
    padding: 10px 0;
}

.entry_info .vote_panel .horizon{
    width: 240px;
    height: 120px;
    display: block;
    padding: 5px;
    background-color: #f2f4f7;
    border: 5px solid #cfcfcf;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.entry_info .vote_panel .horizon li strong{
    font-size: 32px!important;
    color: #204186!important;
    display: block;
    padding: 10px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif!important;
}

.entry_info .vote_panel .horizon li .btn_vote{
    background: none #50619d;
    border-radius: 5px;
    border: 1px solid #29324c;
    font-size: 18px;
    font-weight: normal;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

.entry_info .vote_panel .horizon li .btn_vote:hover{

}

.entry_info .vote_panel .horizon li .btn_vote.disabled,
.entry_info .vote_panel .horizon li .btn_vote.disabled:hover
{
    background: none #bababa;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    font-size: 18px;
    font-weight: normal;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    color: #f2f2f2;
    cursor: text;
}

.sm_message_panel{
    margin: 0;
    width: 808px;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 10px;
    clear: both;
}

.sm_message_panel p{
    padding: 5px!important;
    margin: 0px;
}

form#entry_form {

}

form#entry_form dl dt label{
    color: #333333;
}

.hint {
    color: #999999!important;
    font-weight: bold;
}
form#entry_form dl dt {
    display: block;
    padding-top: 10px;

}
form#entry_form dl dd {
    padding-top: 0px;

}

#terms_and_conditions-element {
    padding-top: 20px!important;

}

.fanpage_button{
    background: none #50619D;
    border-radius: 5px;
    padding: 4px 10px;
    display: block;
    color: white;
    cursor: pointer;
    font-family: Arial,sans-serif,"lucida grande",tahoma,verdana;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.25);
	border: 1px solid #CCCCCC;
}

.fanpage_button:hover{
	text-decoration: none;	
}

form#entry_form select,
form#entry_form textarea,
form#entry_form input {
    border: solid 1px #cccccc;
}

.image_canvas
{	
	text-align: center;
	vertical-align: middle;
	display: table-cell;
    border:solid 1px #eaeaea;
    border-radius: 3px;
}
.image_canvas:hover
{
	border-color: #999999;
}
.image_canvas,
.image_canvas .image_ca,
.image_canvas .image_ca a.image{
    display: table-cell;
	vertical-align: middle;
	width: 250px;
	height: 256px;
}
.pic_item
{
	border: none;
	max-width: 256px;
	max-height: 246px;
}
.center
{
	text-align: center;
}

.sm_input
{
	line-height: 26px;
	height: 24px;
	padding: 2px;
	border: 1px solid white;
	color:#828282;
	border-radius: 3px 3px 3px 3px;
}
.sm_select
{
	height: 18px;
    padding: 5px 6px;
	vertical-align: bottom;
	vertical-align: top\9;
	box-sizing: content-box;
	border-radius: 3px 3px 3px 3px;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
	border: 1px solid white;
	color:#828282;

}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.sm_select
	{
		padding: 6px 6px;
		border: none;
		vertical-align: top;
	}
}
.sm_select > option
{
	vertical-align: middle;
}
.span200
{
	width: 200px;
}
.span150
{
	width: 150px;
}
.search_keyword
{
	width: 340px;
	margin-right: 6px;
}
.search_category
{
	width: 320px;
	margin-right: 6px;
}
@media \0screen 
{
	.search_category
	{
		height: 24px;
	}
}
.sm_submit
{
	line-height: 26px;
	padding: 2px;
	height: 24px;
}

.sm_store_name
{
	clear: both;
	margin-bottom: 10px;
}
.sm_store_name.name
{
	font-weight: bold;
	font-size: 16px;
}
.sm_share_like
{
	margin-bottom: 10px;
    text-align: left;
    display: inline;
}
.sm_share_like > div
{
	display: inline;
}
.sm_store_name .more-less
{
    font-size: 15px;
}
.more-less
{
	clear:both;
	margin-bottom: 10px;
}
.more-less p
{
	color:#414141;
}
.sm_price
{
	position: relative;
	float:left; 
	display: inline;
	color:#ff7a04;
	font-weight: normal;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size:12px;
}
.sm_price.big
{
	float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    width: 293px;
}
.form_search
{
	padding: 17px;
	padding-right: 10px; 
	margin-bottom: 10px;
	background: #CCCCCC;
}
.orange_line
{
	background: #ff9c00;
	height: 5px;
	width: 810px;
	clear: both;
}
.sm_btn_buynow
{
	background: url("../img/button.png");
	background-position: -6px -37px;
	cursor: pointer;
	font-size: 11px;
	color:#fff;
	font-weight: bold;
	height: 20px;
	padding: 3px 6px 0 20px;
	text-decoration: none;
	border: none;
	display: block;
	width: 50px;
}
.sm_btn_buynow:hover
{
	background: url("../img/button.png");
	background-position: -6px -67px;
	color: #fff;
	border: none;
	text-decoration: none;
}

.btn_buynow
{
	background: url("../img/button.png") repeat scroll -299px -56px transparent;
	/** for IE 9 only **/
	background: url("../img/button.png") repeat scroll -299px -54px transparent\9;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 23px;
    padding-left: 28px;
    text-decoration: none;
    vertical-align: middle;
    width: 67px;
	margin-bottom: 10px;
	padding-top: 2px \9;
}
.sm_price.big + .btn_buynow{
	margin-bottom: 4px;
	margin-bottom: 10px \9;
}

.btn_buynow:hover
{
	background-position: -299px -109px;
	/** for IE 9 only **/
	background-position: -299px -107px\9;
	text-decoration: none;
}
/** for ie8 only **/
@media \0screen 
{
	.btn_buynow
	{
		background: url("../img/button.png") repeat scroll -299px -55px transparent;
	}
	.btn_buynow:hover
	{
		background-position: -299px -108px;
	}
}
.sm_reset_link
{
	border: none;
	background: none;
	color: #3c6993;
	cursor: pointer;
}
.sm_reset_link:hover
{
	border: none;
	background: none;
	color:#3366ff;
	text-decoration: underline;
}

/*fix bug chrome*/
.fb-like > div
{
	display: inline;
}

.sm_paginator_item_empty.fanpage {
	margin: 0 0 20px;
	width: 100%;
}
.sm_paginator_item_empty {
	border: 1px solid #DADADA;
	color: #999999;
	float: left;
	font-weight: bold;
	margin: 5px 2% 20px;
	padding: 150px 0;
	text-align: center;
	vertical-align: middle;
	width: 96%;
}
.zend_form>*
{
	vertical-align: middle;
}
li .image_canvas .image_ca a{
    overflow: hidden;
}
.container{
	width: 398px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #ecebea;
	box-shadow: 0px 0px 2px 2px #eaeaea;
}
.container .lookup{
	position: relative;
}
.container img{
	width: 398px;
}

.image-slider{

}
.list_images{
	margin-bottom: 30px;
	text-align: center;
}
.list_images img{
	max-width: 44px;
	max-height: 44px;
}
.list_images li{
	display: inline-block;
	text-align: center;
	border: 1px solid #cfcfcf;
	height: 46px;
	width: 46px;
	line-height: 43px;
	margin-top: 7px;
}
.list_images li>*{
	vertical-align: middle;
}
.list_images li:hover,
.list_images li.active{
	border-color: #666666;
}
/*
.sm_fanpage_contents ul li a.sf-with-ul {
    height: 20px;
    line-height: 250%;
    padding-top: 0;
}
*/
.frontend_warning_product_not_found
{
    background-color: #FFF9D7;
    border-bottom: 1px solid #FFE251;
    border-top: 1px solid #FFE251;
    line-height: 200%;
    margin-top: 5px;
    padding: 5px 10px;
	clear: both;
}
.cloud-zoom-lens {
	border-color: #858688;
}
#pkImage
{
	border:none;
	-moz-box-shadow:    0px 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 0px 1px 1px #ccc;
	box-shadow:         0px 0px 1px 1px #ccc;
}
code
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif!important;
	font-weight: bold;
}
.right
{
	float:right;
}
.related_product {
	float:right;
	width:388px;
}
.related_product h2 {
	font-size:22px;
	font-weight: normal !important;
	margin: 13px 0;
}
.related_product ul{
	width:398px;
}
.related_product li {
	text-align: center;
	display: block;
	border: 1px solid #EAEAEA;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;	
	-webkit-border-radius: 3px 3px 3px 3px;
	float:left; 
	margin:0 10px 20px 0; 
	width:120px;
	height:170px;
	overflow: hidden;
}
.related_product li:hover {
	border-color: #999999;
}
.related_product img {
	max-width:120px; 
	max-height:120px;
	border: medium none;
}
.related_product span {
	display:block;
}
.related_product .price {
	color: #FF7A04;
	text-align: right;
}
.related_product .old_price ,.related_product .sale_price {
	text-align: right;
}
.related_product .produc_info {
	background-color: #F6F6F6;
	padding: 0 4px 4px;
}
.related_product .image_container {
	height:122px; 
	vertical-align:middle; 
	display:table-cell; 
	width:120px;
}
.related_product .product_name {
	padding: 2px 2px 0 2px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: left;
}

.recommend_back {
	display:block;
	overflow:hidden;
	position:absolute; 
	background: url(../img/transparent.png) repeat-x 0 0;
	width:100%; 
	bottom:62px; 
	text-align:left; 
	height:0px;
}

.fb_button_recommend {
    background: url(../img/button-storefanpage.png) no-repeat 16px -123px; 
    display: inline-block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}
.fb_button_share_custom {
	background: url(../img/button-storefanpage.png) no-repeat 15px -89px; 
    cursor: pointer;
    display: inline-block;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}

.btn_recommend_container{
	/*border-right:1px solid #DADADA;*/
	float:left;
	height: 100%;
}
.btn_recommend_container:hover, .btn_share_container:hover {
	background:#F6F6F6;
}

.btn_share_container{
	/*border-right:1px solid #DADADA;*/
	float:left;
	height: 100%;
}

.fb_edge_widget_with_comment.fb_iframe_widget span{
    overflow: hidden;
}
.fb_like {
	float:left;
	height:22px;
	display: inline-block;
	padding: 6px 0px 6px 16px;
}
.recommend_container {
	width:100%; 
	margin:0 auto; 
	height:34px;
}
.seperator {
	border-right: 1px solid #d5d5d5;
	padding:17px 35px;
}
/** Specialize social control **/
.detail_row.shorturl, 
.detail_row.description>p, 
.detail_row.sku{
	color: #414141;
}
.detail_row .recommend_back {
	background: none;
}
.detail_row .btn_share_container, .detail_row .btn_recommend_container {
	width:auto;
	border: none;
}
.detail_row .seperator {
	padding: 6px 10px 6px 30px;
	border-right: none;
}
.detail_row .fb_button_share_custom {
	background-position: -13px -93px;
	padding-left: 16px !important;
}
.detail_row .fb_button_recommend {
	background-position: -4px -127px;
}
.detail_row .fb_like {
	padding: 3px 0;
}
.detail_row .btn_recommend_container:hover, .detail_row .btn_share_container:hover {
	background:none;
}
.detail_row .recommend_back {
	display:block; 
	position:relative;
	height: 34px;
	bottom: 0px; 
}
/** switch layout **/

.select_control
{
	background:url('../img/arrow.gif') no-repeat;
	background-position: top 0;
}
.dropdown_menu
{
	background: #FFFFFF;
	border: 1px solid #cecece;
	border-radius: 3px;
	width: 68px;
	box-shadow: 0px 0px 2px 2px #eaeaea;
	z-index:99999;
	display: none;
	position: relative;
	top:5px;
	left:-45px;
	padding:5px;
}

.dropdown_item
{
	font-family: sans-serif;
	font-size: 12px;
}

.dropdown_menu >a:hover
{
	color:#3b5998;
}
.dropdown_menu > a
{
	text-decoration: none;
	color: black;
	display: block;
	width: 100%;
	padding: 2px 0;
}
.dropdown_menu > a:hover,
.dropdown_menu > a:visited
{
	text-decoration: none;
}
#dropdown_value
{
	width:100px;
	height: 18px;
	background: #f5f5f5;
	display: inline;
}
#arrow_select
{
	width: 16px;
	height:16px;
	padding: 0px;
	border:none;
	float: right;
	margin-top: 1px;
}
#dropdown_container
{
	background: #f5f5f5;
	height: 18px;
	width:34px;
	padding: 2px;
	border-radius:3px;
	border: 1px solid #cccccc;
	float:right;
	margin: 2px 4px;
}
/*css for chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
	#dropdown_container
	{
		margin-top:2px;
	}
}
.icon
{
	background:url('../img/icon-view.png') no-repeat;
	height:18px;
	width: 18px;
	padding:0px 5px 0px 5px;
	cursor: default;
	position: relative;
    top: 1px;
}
.icon.one
{
	background-position:-1px 1px;
}
.icon.second
{
	background-position:-1px -16px;
}
.icon.third
{
	background-position:-1px -32px;
}
.icon.fourth
{
	background-position:-1px -50px;
}

.icon.selected_one
{
	background-position:-30px 1px;
}
.icon.selected_second
{
	background-position:-30px -15px;
}
.icon.selected_third
{
	background-position:-30px -32px;
}
.icon.selected_fourth
{
	background-position:-30px -49px;
}

a.dropdown_item:hover>.icon.one
{
	background-position:-15px 0px;
}
a.dropdown_item:hover>.icon.second
{
	background-position:-15px -16px;
}
a.dropdown_item:hover>.icon.third
{
	background-position:-15px -32px;
}
a.dropdown_item:hover>.icon.fourth
{
	background-position:-15px -50px;
}
/** end switch layout **/
.sm_comment
{
	float:left;
	clear: both;
}
.result_container
{
	clear: both;
	line-height: 24px;
}

.more-less ul {
	list-style-type: disc;
}
.more-less ol {
	list-style-type: decimal;
}
.result_detail
{
	float:left;
	display: inline;
	width:57%
}
.result_detail .icon_reset, 
.result_container .icon_reset{
    background: url("../img/icon_reset.png") no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
}
.switch_layout_and_sort
{
	float: right;
	display: inline;
	width: 43%
}
/*Css for shopping cart*/
.search_info{
    width: 680px;
    display: inline-block;
    float: left;
}
.cart_info{
    display: inline-block;
/*    width: 120px;*/
    float: right;
}
.shopping_cart{
    padding: 14px 0px 14px 48px;
    background: url("../img/icon_shopping_cart.png") no-repeat;
    background-position: 1px -1px;
    display: block;
    font-size: 13px;
    font-weight: bold;
    position: relative;
}
.shopping_cart:hover{
    background-position: 1px -33px;
}
.shopping_cart span{
    position: absolute;
    left: 13px;
    top: 0px;
    font-size: 14px;
    width: 29px;
    text-align: center;
    color: #FF9C00;
}
.msg_panel, .msg_order_panel, .msg_successful {
    color: #414141;
    background-color: #FFF2DE;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.msg_panel p, .msg_order_panel p, .msg_successful p{
    margin: 0;
}
table.tbl_cart_products{
    margin-bottom: 1em;
}
table.tbl_cart_products, 
table.tbl_list_orders{
    width: 540px;
    margin-top: 10px;
}
table.tbl_cart_products thead, 
table.tbl_list_orders thead{
    line-height: 32px;
    background-color: #F0F0F0;
    border-bottom: 1px solid #CECECE;
}
table.tbl_cart_products thead tr th, 
table.tbl_list_orders thead tr th{
    background-color: #EAEAEA;
    padding: 0;
    text-align: left;
    color: #000000;
}
table.tbl_cart_products thead tr th span, 
table.tbl_list_orders thead tr th span{
    display: inline-block;
    padding: 0 5px;
}
table.tbl_cart_products thead tr th span.tbl_item_name{
    width: 300px;
}
table.tbl_cart_products thead tr th span.tbl_quantity{
    width: 80px;
    text-align: right;
}
table.tbl_cart_products thead tr th span.tbl_payment{
    width: 130px;
    text-align: right;
}
table.tbl_cart_products tbody tr, 
table.tbl_list_orders tbody tr{
    border-bottom: 1px solid #CECECE;
}
table.tbl_cart_products tbody tr.end_row, 
table.tbl_list_orders tbody tr.end_row{
    border-bottom: none;
    background-color: #f5f5f5;
}
table.tbl_cart_products tbody tr td, 
table.tbl_list_orders tbody tr td{
    padding: 10px 5px;
    color: #414141;
}
table.tbl_cart_products tbody tr td.td_total{
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
table.tbl_cart_products tbody tr td p{
    margin: 0;
}   
table.tbl_cart_products tbody tr td p input[type="text"]{
    color: #414141;
}
table.tbl_cart_products tbody tr td p.payment{
    text-align: right;
}   
td.total_payment{
    text-align: right;
    font-weight: bold;
}
table.tbl_cart_products tbody tr td input.quantity{
    width: 42px;
    padding: 4px;
    font-size: 14px;
    text-align: right;
    border: 1px solid #CCC;
}
table.tbl_cart_products tbody tr td div.product_cover{
    width: 64px;
    height: 64px;
    display: inline-block;
    position: relative;
    border: 1px solid #DDD;
    float: left;
}
table.tbl_cart_products tbody tr td div.product_cover img{
    max-height: 64px;
    max-width: 64px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    border: none;
}
table.tbl_cart_products tbody tr td div.product_info{
    display: inline-block;
    width: 212px;
    padding: 0 10px;
}
table.tbl_cart_products tbody tr td div.product_info p{
    margin: 0;
    line-height: 18px;
}
table.tbl_cart_products tbody tr td div.product_info p.product_name{
    height: 18px;
    display: inline-block;
    overflow: hidden;
}
table.tbl_cart_products tbody tr td div.product_info p.price_info{
    color: #E89B24;
}
td.td_update{
    text-align: right;
}
.btn_update_cart{
    width: 78px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;

    border: 1px solid #BCBCBC;
    color: #333333;
    border-radius: 3px;
    background-color: transparent;
    background-image: linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -moz-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -o-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#E9E9E9));
    background-image: -webkit-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -ms-linear-gradient(top,#FEFEFE,#E9E9E9);
}
.btn_update_cart:hover{
    text-decoration: none;
    box-shadow: 0px 0px 1px #333333;
}
/*.msg_successful{
    color: red;
    background-color: #FFF9D7;
    border-top: 1px solid #E2C822;
    padding: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E2C822;
    text-align: center;
}
.msg_successful p{
    margin: 0;
}*/
a.rmv_product{
    cursor: pointer;
}

/*Css form form_order_info*/
.order_info{
    padding: 20px 0px;
}
.form_order_info{
}
.form_order_info dl{
    line-height: 28px;
    display: inline-block;
    padding-bottom: 10px;
}
.form_order_info dl > *{
    margin-top: 8px;
    float: left;
}
.form_order_info dl dt{
    width: 102px;
    padding-right: 10px;
    display: inline-block;
    text-align: right;
}
.form_order_info dl dt label{
    color: #414141;
    font-weight: bold;
}
.form_order_info dl dt label span{
    color: #444;
    cursor: pointer;
}
.form_order_info dl dd{
    width: 428px;
    display: inline-block;
}
.form_order_info dl dd input[type="text"],
.form_order_info dl dd input[type="file"],
.form_order_info dl dd select,
.form_order_info dl dd textarea{
    width: 422px;
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #414141;
}
.form_order_info dl dd input[type="text"]{
    padding: 4px 2px;
}
.form_order_info dl dd select{
    margin: 0;
    padding: 2px;
}
.form_order_info dl dd textarea{
    height: 80px;
    padding: 2px;
}
.form_order_info dl dd input[type="submit"]{
    margin-left: 112px;
    background: url("../img/button.png") #FFC158;
    background-position: -92px -7px;
    border: none;
    width: 78px;
    height: 32px;
    text-shadow: 0 -1px 1px rgba(56, 91, 40, 0.25);
    display: inline-block;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    text-decoration: none;
}
.form_order_info dl dd input[type="submit"]:hover{
    text-decoration: none;
    background-position: -92px -56px;
}
.required::before {
    content: '* ';
    color: red;
}
td.empty_cart{
    color: #999;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 80px;
}
/*.msg_order_panel{
    background-color: #E2EEF7;
    font-size: 16px;
    margin: 5px 0;
    padding: 20px 50px;
    text-align: center;
}
.msg_order_panel p{
    margin: 0;
    padding: 0;
}*/

.left_col{
    width: 540px;
    padding-right: 20px;
    display: inline-block;
    float: left;
    color: #414141;
}
.left_col p.sender_info{
    line-height: 150%;
    margin: 8px 0;
}
.right_col{
    width: 250px;
    min-height: 480px;
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 3px;
}

h2.cart_title, .order_info h2, .right_col h2{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding: 8px 10px;
    margin: 0;
}
.order_detail{
    color: #414141;
}
.order_detail h2{
    color: #000000;
}
.right_col h2{
    font-size: 14px;
}
.order_info h2{
    width: 520px;
    display: inline-block;
}
.order_info #btn_load_my_profile{
    width: 180px;
    height: 28px;
    display: inline-block;
    float: right;
    margin: 6px 0;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #BCBCBC;
    color: #333333;
    border-radius: 3px;
    background-color: transparent;
    background-image: linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -moz-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -o-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#E9E9E9));
    background-image: -webkit-linear-gradient(top,#FEFEFE,#E9E9E9);
    background-image: -ms-linear-gradient(top,#FEFEFE,#E9E9E9);
}
.order_info #btn_load_my_profile:hover{
    box-shadow: 0px 0px 1px #333333;
}
ul.errors{
    list-style: none;
    margin: 0;
    color: red;
    line-height: 150%;
}

/*CSS for recent viewed products*/
.rv_products{
    padding: 0 10px;
}
.rv_products .rv_product{
    display: inline-block;
    margin: 8px 0;
}
.rv_products div.product_cover{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    border: 1px solid #DDD;
    float: left;
}
.rv_products div.product_cover img{
    max-height: 50px;
    max-width: 50px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    border: none;
}
.rv_products div.product_info{
    display: inline-block;
    width: 160px;
    padding: 4px 8px;
}
.rv_products div.product_info p{
    margin: 0;
    line-height: 18px;
} 
.rv_products div.product_info p a{
    max-height: 36px;
    max-width: 160px;
    display: block;
    overflow: hidden;
}
.rv_products div.product_info p.price_info *{
    color: #E89B24;
}
.right_col .empty_rv_product, 
.left_col .empty_order{
    text-align: center;
    padding: 20px 0;
    font-size: 14px;
}
/*CSS for order control*/
.order_control{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.order_control ul{
    border-bottom: 1px solid #a7a7a7;
}
.order_control ul li{
    display: inline-block;
}
.order_control ul li a{
    padding: 8px 10px 5px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
}
.order_control ul li a:hover{
    text-decoration: none;
}
.order_control ul li.active, .order_control ul li:hover{
    border-bottom: 4px solid #e89627;
    margin-bottom: -1px;
}
.order_control ul li.active a{
    font-weight: bold;
}
.order_control ul li.continue_shopping:hover{
    border-bottom: none transparent;
}
.order_control ul li.continue_shopping a{
    color: #52639B;
}
.order_control ul li.continue_shopping:hover a{
    text-decoration: underline;
}
table.tbl_list_orders thead tr th span{
    padding: 0 10px;
}
table.tbl_list_orders thead tr th.header_order_id span{
    width: 200px;
}
table.tbl_list_orders thead tr th.header_order_date span{
    width: 100px;
    text-align: center;
}
table.tbl_list_orders thead tr th.header_order_total span{
    width: 180px;
    text-align: right;
}
table.tbl_list_orders tbody tr td{
    padding: 8px 10px;
}
table.tbl_list_orders tbody tr td .align_right{
    text-align: right;
}

/*CSS for paginator*/
.cp_paging {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    color: #666666;
    padding: 0;
    text-align: center;
    width: 100%;
}
.ci_paging > li{
    display: inline-block;
}

.cp_paging > li.disabled ,
.cp_paging > li.disabled:hover 
{
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding: 3px 7px;
}

.cp_paging > li.active{
    padding: 3px 7px;
    display: inline-block;
}

.cp_paging > li.active , 
.cp_paging > li:hover a
{
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
    color: #FFFFFF;
    display: inline-block;
}

.cp_paging li{
    display: inline-block;
}

.cp_paging li a, 
.cp_paging > li.disabled a,
.cp_paging > li.disabled:hover a
{
    border: 1px solid #CCCCCC;
    display: inline-block;
    padding: 3px 7px;
    text-decoration: none;
}

label.buyer_info{
    width: 80px;
    margin-right: 20px;
    text-align: right;
    display: inline-block;
    float: left;
}

p.sender_info span, p.sender_info a{
    width: 440px;
    display: inline-block;
    word-wrap: break-word;
}
.align_center{
    text-align: center;
}
.align_left{
    text-align: left;
}
.float_left{
    float: left;
}
.float_right{
    float: right;
}

/*CSS for purchase instruction*/
.purchase_instruction{
    padding: 0 10px 20px;
}
.purchase_instruction p{
   margin: 8px 0;
}
.purchase_instruction ul{
   list-style: circle;
   padding-left: 20px;
}
.purchase_instruction ol{
   list-style: decimal;
   padding-left: 20px;
}
.purchase_instruction ul li span,
.purchase_instruction ol li span{
    word-wrap: break-word;
}
.old_price{
    text-decoration: line-through;
    color: #B6B6B6;
}
.sale_price{
    color: #FF7A04;
    font-weight: bold;
}